{% extends "section.html" %}

{% block page_content %}

<!-- popup -->

<div id='register'>
    <form method='post' action='' id='registration_form'>{% csrf_token %}
        <table>
            <th colspan=2 class='widget-header'>Register</th>
            <tr>
                <td class='form-label'>Firts name</td>
                <td><input type='text' id='fn_input' name='fn_input'/></td>
                <td class='error-message'></td>
            </tr>
            <tr>
                <td class='form-label'>Last name</td>
                <td><input type='text' id='ln_input' name='ln_input' /></td>
                <td class='error-message'></td>
            </tr>
            <tr>
                <td class='form-label'>Email</td>
                <td><input type='text' id='email_input' name='email_input' /></td>
                <td class='error-message'></td>
            </tr>
            <tr>
                <td class='form-label'>Password</td>
                <td><input type='password' id='pass_input' name='pass_input' /></td>
                <td class='error-message'></td>
            </tr>
            <tr>
                <td class='form-label'>Repeat your password</td>
                <td><input type='password' id='pass_confirm' name='pass_confirm' /></td>
                <td class='error-message'></td>
            </tr>
            <tr>
                <td style='height: 60px;'> </td>
                <td><input type='submit' id='submit-log-button' value='Register' /></td>
                <td></td>
            </tr>
        </table>
      </form>
</div>

{% endblock %}
